<template>
  <div class="page flex-col">
    <div class="group_2 flex-col">
      <img
          class="image_2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/fcf15ee10ea372025c3fd27a71a9081a"
      />
      <span class="text_1">个人信息</span>
    </div>
    <div class="section_2 flex-row">
      <div class="block_1 flex-col">
        <div class="box_30 flex-row justify-between">
          <div class="group_1 flex-col"></div>
          <span class="text_2">上传头像</span>
        </div>
        <div class="text-wrapper_13 flex-row justify-between">
          <span class="text_3">姓名</span>
          <span class="text_4">请填写真实姓名</span>
        </div>
        <div class="box_3 flex-col">
          <div class="text-wrapper_14 flex-row justify-between">
            <span class="text_5">班级</span>
            <span class="text_6">--请选择--</span>
          </div>
          <div class="text-wrapper_15 flex-row justify-between">
            <span class="text_7">性别</span>
            <span class="text_8">--请选择--</span>
          </div>
        </div>
        <div class="box_31 flex-row">
          <span class="text_9">爱好</span>
          <div class="text-wrapper_4 flex-col">
            <span class="text_10">篮球</span>
          </div>
          <div class="text-wrapper_5 flex-col">
            <span class="text_11">跳舞</span>
          </div>
        </div>
        <div class="text-wrapper_6 flex-col">
          <span class="text_12">保存</span>
        </div>
      </div>
      <div class="box_5 flex-col">
        <div class="text-wrapper_16 flex-row">
          <span class="text_13">玩游戏</span> <span class="text_14">画画</span>
          <span class="text_15">cosplay</span>
          <span class="text_16">羽毛球</span>
        </div>
        <div class="text-wrapper_17 flex-row justify-between">
          <span class="text_17">篮球</span> <span class="text_18">爬山</span>
          <span class="text_19">跑步</span> <span class="text_20">摄影</span>
        </div>
        <div class="text-wrapper_18 flex-row">
          <span class="text_21">唱歌</span> <span class="text_22">跳舞</span>
          <span class="text_23">cosplay</span>
          <span class="text_24">羽毛球</span>
        </div>
        <div class="text-wrapper_19 flex-row">
          <span class="text_25">玩游戏</span> <span class="text_26">画画</span>
          <span class="text_27">cosplay</span>
          <span class="text_28">羽毛球</span>
        </div>
        <div class="text-wrapper_20 flex-row justify-between">
          <span class="text_29">篮球</span> <span class="text_30">爬山</span>
          <span class="text_31">跑步</span> <span class="text_32">摄影</span>
        </div>
        <div class="text-wrapper_21 flex-row">
          <span class="text_33">唱歌</span> <span class="text_34">跳舞</span>
          <span class="text_35">cosplay</span>
          <span class="text_36">羽毛球</span>
        </div>
        <div class="box_6 flex-col"></div>
        <div class="box_7 flex-col"></div>
        <div class="box_8 flex-col"></div>
        <div class="box_9 flex-col"></div>
        <div class="box_10 flex-col"></div>
        <div class="box_11 flex-col"></div>
        <div class="box_12 flex-col"></div>
        <div class="box_13 flex-col"></div>
        <div class="box_14 flex-col"></div>
        <div class="box_15 flex-col"></div>
        <div class="box_16 flex-col"></div>
        <div class="box_17 flex-col"></div>
        <div class="box_18 flex-col"></div>
        <div class="box_19 flex-col"></div>
        <div class="box_20 flex-col"></div>
        <div class="box_21 flex-col"></div>
        <div class="box_22 flex-col"></div>
        <div class="box_23 flex-col"></div>
        <div class="box_24 flex-col"></div>
        <div class="box_25 flex-col"></div>
        <div class="box_26 flex-col"></div>
        <div class="box_27 flex-col"></div>
        <div class="box_28 flex-col"></div>
        <div class="box_29 flex-col"></div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      constants: {},
    };
  },
  methods: {},
};
</script>
<style scoped src="../../static/css/common.css" />
<style scoped src="../../static/css/self_information.css" />
